<!--周末推荐 -->
<template>
  <div>
      <div class="recommend-title">周末去哪儿</div>
      <ul>
          <li class="item" v-for="item in weekendList" :key="item.id">
                  <div class="item-img-wraper  ">
                    <img class='item-img' :src="item.imgUrl" alt="">
                  </div>
                  <div class="item-info">
                    <p class="item-title">{{item.title}}</p>
                    <p class="item-desc">{{item.desc}}</p>
                  </div>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  props: {
    'weekendList': Array
  },
  components: {},

  computed: {},

  methods: {}
}

</script>
<style lang='stylus' scoped>
@import '~styles/mixins.styl'
.recommend-title
    line-height .8rem
    background  #eee
    text-indent .2rem

.item-img-wraper
    overflow hidden
    height 0
    padding-bottom 37.09%
    .item-img
        width 100%
.item-info
    min-width 0
    padding .1rem
    .item-title
        line-height .54rem
        font-size .32rem
        ellipsis()
    .item-desc
        line-height 0.4rem
        color #ccc
        ellipsis()
</style>
